body{ background-color: #dfdfdf }
/*公共区域*/
/*取消浮动*/
.fleft{float: left;}
.fright{float: right;}
.clear{clear:both;}


/*主体屏幕区域*/
/*顶部/底部设置距离 防止被遮挡*/
.main{padding-bottom: 60px; padding-top: 50px;overflow-y:auto;}
/*顶部提示样式*/
.main .top_tishi{text-align: center; font-size: 12px;color: #b1b1b1;padding-top: 5px;}
/*红包列表 红包浮动设置*/
.main .list_honbao .honbao{float: left; margin:20px 0px 0px 20px;}
/*红包内容 浮动*/
.main .list_honbao .honbao .info{ float: left; }
/*头像设置 浮动*/
.main .list_honbao .honbao .tximg{width: 40px; height: 40px; margin-top: 3px;border-radius: 10%;  float: left; }
/*头像样式*/
.main .list_honbao .honbao .tximg img{    height: 100%;border-radius:3px}
/*红包图片设置*/
.main .list_honbao .honbao .info .btn_hb{width: 220px; height: 83px; margin-left: 10px; background: url(../img/honbao.png) no-repeat; background-size: 100%;}
.main .list_honbao .honbao .info .btn_hb_active{opacity:0.6;}
/*红包上的文字*/
.main .list_honbao .honbao .info .btn_hb .hb_font_a{line-height: 20px; position: relative;left: 65px;top: 11px;color:#fff; font-size: 14px;}
.main .list_honbao .honbao .info .btn_hb .hb_font_b{line-height: 18px; position: relative;left: 65px;top: 14px;color:#fff; font-size: 12px;}
.main .list_honbao .honbao .info .btn_hb .hb_font_c{line-height: 18px; position: relative;left: 20px;top: 25px;color:#999; font-size: 12px;}

/*红包下面领取文字*/
.main .list_honbao .honbao .info .list_exp .exp{font-size:12px; padding:0px 0px 0px 18px;margin:10px 0px 0px 15px;background: url(../img/hbao.png) no-repeat left center;background-size: 14px;}
.main .list_honbao .honbao .info .list_exp .exp .exp_font_a{color:#0600ff;padding: 0px 3px;}
.main .list_honbao .honbao .info .list_exp .exp .exp_font_b{color:#ff9000;padding: 0px 3px;}
/*红包我*/
.main .list_honbao .honbaowo{ float: right;    margin: 20px 10px 0px 0px;}
.main .list_honbao .honbaowo .tximg{ float: right;}
.main .list_honbao .honbaowo .info .btn_hb {   width: 233px;  height: 83px;float: right;margin-right: 10px;    background: url(../img/honbaowo.png) no-repeat;background-size: 100%;}
.main .list_honbao .honbaowo .info .list_exp .exp{margin: 10px 0px 0px 0px;}

/*顶部区域*/
/*顶部定位 背景颜色字体*/
.top {
	z-index: 999;
	position: fixed;
	top: 0px;
	width:100%;
	height: 31px;
	background-color: #e9e9e9; 
	padding: 10px 6px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 12px;

}
.sygg{
	position: fixed;
    top: 55px;
    z-index: 9999;
    color: #e05148;
    text-shadow: 1px 1px 0px #fff,-1px -1px 0px #fff;
    font-size: 14px;
    width: 100%;
}
/*顶部头像*/
.top .top_tximg{float: left; width: 30px;height: 30px;margin-right:5px;}
.top .top_tximg img{width: 30px;height: 30px;}
.top .top_user{float: left;}
.top .top_font_a{color: #0600ff;font-weight: 600}
.top .top_font_b{color: #ff9000;font-weight: 600}
/*顶部功能区域*/
.top .layui-col-xs4 div{line-height: 31px; height: 31px; font-size: 14px;padding-left: 24px;}
.top .layui-col-xs4 .top_tx{background: url(../img/tx.png) 0px no-repeat;background-size: 28px;}
.top .layui-col-xs4 .top_cz{background: url(../img/cz.png) 0px no-repeat;background-size: 28px;}
.top .layui-col-xs4 .top_tg{background: url(../img/tg.png) 0px no-repeat;background-size: 28px;}

/*底部区域*/
/*绝对定位 fixed根据浏览器窗口*/
.bottom{z-index: 999;position: fixed;bottom: 0px;width:100%;background-color: #e9e9e9; }
/*发红包 内边距以及上下边框*/
.bottom .fahonbao {padding: 8px 4px;border: 1px solid #d9d9d9; border-right: 0px; border-left: 0px;}
/*发红包内容4个功能按键*/
.bottom .fahonbao div{text-align: center}
/*发红包区域图标大小设置*/
.bottom .fahonbao .layui-icon{width: 26px; font-size: 26px;font-weight: 600;color: #e05149}
/*展开功能居中*/
.bottom .other_funct {display: none;text-align: center;}
.bottom .other_funct .list_funct{display: inline-block;}
/*展开功能li样式设置*/
.bottom .other_funct .list_funct li{float: left; width: 18%; height: 70px; line-height: 70px; margin: 15px 2px 20px 20px; border-radius: 20%;background-color: #f5f5f5; text-align: center; font-size: 26px;}
/*展开文字设置*/
.bottom .other_funct .list_funct li p{font-size: 12px; line-height: 12px; margin-top: 8px; color: #6d6d6d }


/*功能块区域*/
/*开红包*/
/*背景*/
.kaihonbao{ width:270px; height: 421px; border-radius:7px;margin: auto; text-align: center; background: url(../img/pw.png)  no-repeat #db5443; background-size: 100%;display: none;}
/*开按钮*/
.kaihonbao .kaibtn{width: 70px; position: relative; top:40px;}
/*内容*/
.kaihonbao .khb_content{ padding-top: 30px; }
.kaihonbao .hbtximg{ width: 18px;height: 18px; border-radius: 15%;border: 1px solid #ffe0a5;}
.kaihonbao .kaihb_font_a{ color: #ffe0a5; font-size: 14px;}
.kaihonbao .kaihb_font_b{ color: #ffe0a5; font-size: 16px; margin-top: 12px;}
.kaihonbao .kaihb_font_c{ height: 14px; min-height: 14px; }
.kaihonbao .kaihb_font_c .kaihb_font_c_span{display: none; color: #fff6;font-size: 10px;margin: 2px 0px;background: url(../img/zd.png) no-repeat left center;background-size: 10px;padding:0px 12px;}
/*右上角关闭按钮*/
.kaihonbao .kaihb_close{ width: 30px;height: 30px; float: right; position:static;}
/*领取列表*/
.kaihonbao .lqlist{ background-color: #fff; height: 300px;margin-top: 5px; overflow-y:auto; display: none;}
.kaihonbao .lqlist ul{padding-bottom: 5px;}
.kaihonbao .lqlist li{ padding: 6px; border-top: 1px solid #ffffff14;}
.kaihonbao .lqlist .lqtx img{width: 28px;height: 28px;border-radius: 15%;border: 1px solid #ffe0a560;}
.kaihonbao .lqlist{text-align: left;}
.kaihonbao .nameexp{ margin-left: 4px; }
.kaihonbao .lqlist .lqname{ font-size: 12px; color: #000}
.kaihonbao .lqlist .zlei{padding-right: 15px; background: url(../img/zd.png) no-repeat right center;background-size: 10px;}
.kaihonbao .lqlist .lqtime{ font-size: 10px; color: #000; margin-top: 3px;}
.kaihonbao .lqlist .lqmoney{font-size: 12px; color: #000;font-weight: 600}
.kaihonbao .lqtishi{ font-size: 10px; color:#fff6;text-align: center; padding-top:5px;}




/*明细*/
.mingxi{display: none;}
.mingxi .layui-tab{ margin: 0px 0px; }
/*选项卡增加一行*/
.mingxi .layui-card-foot{
	    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-top: 1px solid #f6f6f6;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 12px;
}
/*明细导航颜色*/
.mingxi .mingxiul li ,.mingxi .mingxiul .layui-this{font-size: 14px;color: #333;min-width:inherit; width: 25%; padding:0px;}
.mingxi .mingxiul .layui-this:after{border-bottom: 2px solid #e15c55;}
.mingxi .layui-elem-quote{border-left: 5px solid #e15b55;}
.mingxi .layui-tab-content,.mingxi .layui-card-header{font-size: 12px;}

/*客服*/
.kefu_DOM {display: none;padding: 10px;background-color: #fff;text-align: center;border-bottom: 1px solid #ccc;}
.kefu_DOM .kefuimg{width: 80%;}
.kefub_DOM {display: none;padding: 10px;background-color: #fff;text-align: center;border-bottom: 1px solid #ccc;}
.kefub_DOM .kefuimgb{width: 80%;}
/*玩法*/
.wanfa_DOM {display: none;padding: 10px;text-align: center;}
.wanfa_DOM .wanfaimg{width: 100%;}



/*推广*/
.tuiguang_DOM{ height: 462px;display: none; }
.tuiguang_DOM img{ width: 100% }


/*充值*/
.chongzhi_DOM{display: none;}
.chongzhi_DOM .layui-field-title{margin:20px 30px 10px 30px;}
.chongzhi_DOM .czbiaoti{ margin: auto; font-size: 18px; }
.chongzhi_DOM .layui-btn-container{ padding:10px; margin: 0px 20px;}
.chongzhi_DOM 	.layui-btn-primary:hover{border-color:#e15b55;}
.chongzhi_DOM .czewm{
	text-align: center;
	width: 150px; 
	margin: auto; 
	margin-bottom: 20px;
	display: none;
}
.chongzhi_DOM .czret{ text-align: center; font-size: 12px; line-height: 32px;border-top: 1px solid #C9C9C9;background-color: #fff;
    color: #555;display: none; }

.chongzhi_DOM .czewm img{ width: 100% }
.chongzhi_DOM .czewm legend{ font-size: 12px; }
.chongzhi_DOM  .czewm .cz_tishi{ color: #e05148; font-size: 12px; text-align: center; margin-top: 5px;}
.chongzhi_DOM .czinput{display: none;}
.chongzhi_DOM .czinput input{text-align: center;font-size: 12px;}
.chongzhi_DOM .zftype{ padding:0px 30px 0px 30px; }
.chongzhi_DOM .zfzu{text-align: center;}
.chongzhi_DOM .layui-form-radio{background: url(../img/wx.png) no-repeat right center;background-size: 20px; padding-right: 24px;}


/*下级概念*/
.xiaji_DOM{padding:20px; text-align: center; display: none; }
.xiaji_DOM th{text-align: center;}






/*发红包*/
.fahb_DOM{display: none; padding: 10px;}
/*框架*/
.fahb_DOM .layui-field-box{padding: 5px;}
/*标题*/
.fahb_DOM legend{font-size: 16px;}
/*输入框样式*/
.fahb_DOM .jqr_input{float: left;width: 100px;text-align: center;padding: 0px 6px;}
/*标题样式*/
.fahb_DOM .layui-form-label{padding: 9px;}
/*单位样式*/
.fahb_DOM .danwei{font-weight: 400;line-height: 20px;padding: 9px;}
/*自动抢btn*/
.fahb_DOM .okbtn{text-align: center;margin-bottom: 5px;}
.fahb_DOM .okbtn .layui-btn{width: 100px;}
/*加减按钮*/
.fahb_DOM .tiaosz{margin: 8px 4px 4px 8px;}
/**/
.fahb_DOM  hr{ margin: 0px; margin-bottom: 5px; }
/*底部提示*/
.fahb_DOM .fahonbao_tishi{font-size: 12px;color: #ccc; padding:1px 22px;}

/*佣金福利*/
.yjfuli{display: none; padding: 10px 12px;}
.yjfulibt{text-align: center;}
.yjfllist{border-left: 5px solid #FF5722;padding: 5px 15px;}
.flbtn{float: right;vertical-align:text-top;}
.flcontent{line-height: 30px;}
.flzuihou{font-weight: 600;}
/*机器人*/
.jiqiren{display: none; padding: 10px;}
/*框架*/
.jiqiren .layui-field-box{padding: 5px;}
/*标题*/
.jiqiren legend{font-size: 16px;}
/*输入框样式*/
.jiqiren .jqr_input{float: left;width: 50px;text-align: center;padding: 0px 6px;}
/*标题样式*/
.jiqiren .layui-form-label{padding: 9px;}
/*单位样式*/
.jiqiren .danwei{font-weight: 400;line-height: 20px;padding: 9px;}
/*自动抢btn*/
.jiqiren .okbtn{text-align: center;margin-bottom: 5px;}
.jiqiren .okbtn .layui-btn{width: 100px;}
/*加减按钮*/
.jiqiren .tiaosz{margin: 8px 4px 4px 8px;}
/*底部提示*/
.jiqiren .jqr_tishi{text-align: center; font-size: 12px;color: #ccc;}
/*转账*/
.zhuanzhang{display: none;background-color: #fff;font-size: 12px;}
.zhuanzhang .zzbtn{ padding:0px 10px 10px 10px; }
.zhuanzhang .jiantou{text-align: center;}
.zhuanzhang .jiantou .jiantouico{line-height: 135px;}
.zhuanzhang .cg-skuserid{ border:0px; border-bottom:1px solid #e6e6e6; font-size:18px; font-weight:300 }
.zhuanzhang .cg-skuseridcom{ border:0px; border-bottom:1px solid #e6e6e6; font-size:18px; font-weight:300 }
.zhuanzhang .rg-dyue{color: #ff9000;   font-weight: 600;}
